<!DOCTYPE html>
<html lang="en">

<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>医生详情</title>
        <link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.css" type="text/css">
        <link rel="stylesheet" href="../css/head.css">
</head>

<body>

    <!-- 导航开始 -->
    <div>
        <div class="container-fluid">
            <div class="row" style="background-color:rgb(1,81,40)" >
                <ul class="nav navbar-nav navbar-right" style="padding-right: 20px;font-size: 10px;" id="head">
                    <li><a href="#">欢迎&nbspxxx!</a></li>
                    <li><a href="login.html">安全退出</a></li>
                    <li><a href="personal/myinfo.html">个人中心</a></li>
                </ul>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <ul class="nav navbar-nav" id="daohang"
                    style="width: 100%">
                    <li style="padding-top: 0px;">
                            <img src="../imgs/logo1 .png" alt="" style="width: 60px; height:60px;">
                        </li>
                        <li><a href="index/index.html">
                                首页
                            </a></li>
                    <li><a href="register.html">
                            预约挂号
                        </a></li>
                        <li><a href="cyz.html">
                            科室导航
                        </a></li>
                    <li><a href="science/science.html">
                            健康科普
                        </a></li>
                    <li><a href="#">
                            留言咨询
                        </a></li>
                    <ul class="nav navbar-nav navbar-right">
                       <li style="padding-top: 10px;"><a href="map/MapShow.html">医院位置导航<img src="../imgs/地图.png"  style="width: 15px; margin-left:5px "></a></li>
                    </ul>
                </ul>
            </div>
        </div>
        <!-- 导航结束 -->


                <div style="height: 300px;width:100%;margin-top: 50px;">
                        <div class="row">

                                <div class="col-sm-3 col-md-3">
                                        <div class="thumbnail">
                                                <img src="../imgs/zjtd-dtu.jpg" alt="通用的占位符缩略图">
                                        </div>
                                </div>
                                <div class="col-md-8">
                                        <h2><b style="color:rgb(151, 161, 92);">姓名</b>: 崔耀中</h2>
                                        <h2><b style="color:rgb(151, 161, 92);">科室</b>: 骨外科(专家)</h2>
                                        <h4>擅长外周动脉疾病、主动脉疾病、静脉血栓、静脉曲张的诊治。</h4>
                                        <div
                                                style="background-color: rgb(241, 245, 222); height:200px; box-shadow: 0 0 8px rgb(61, 68, 64);">
                                                <div style="padding:10px 0px 0px 18px;">
                                                        <h3><b style="color:rgb(151, 161, 92);">详细介绍</b></h3>
                                                        <br>
                                                        <p style="font-size:15px;">
                                                                1996年中国协和医科大学研究生毕业。2000年在美国北卡莱罗纳接受药物临床研究培训；2010年在美国北卡大学做访问学者，学习功能性胃肠病临床诊治与研究。历任北京协和医院内科住院医师、总住院医师；消化内科主治医师、副主任医师、主任医师。
                                                        </p>
                                                </div>
                                        </div>
                                        <h2><b style="color:rgb(151, 161, 92);">预约时间:(选择时间进行挂号)</b></h2>
                                        <table class="table">
                                                <thead>
                                                        <th>
                                                                <h3>星期一</h3><br>2019-01-01
                                                        </th>
                                                        <th>
                                                                <h3>星期一</h3><br>2019-01-01
                                                        </th>
                                                        <th>
                                                                <h3>星期一</h3><br>2019-01-01
                                                        </th>
                                                        <th>
                                                                <h3>星期一</h3><br>2019-01-01
                                                        </th>
                                                        <th>
                                                                <h3>星期一</h3><br>2019-01-01
                                                        </th>
                                                        <th>
                                                                <h3>星期一</h3><br>2019-01-01
                                                        </th>
                                                        <th>
                                                                <h3>星期一</h3><br>2019-01-01
                                                        </th>
                                                </thead>
                                                <tbody>
                                                        <tr>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                        </tr>
                                                        <tr>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                        </tr>
                                                        <tr>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                        </tr>
                                                        <tr>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                                <td><button type="button" class="btn btn-info btn-lg"
                                                                                style="height: 80px;" onclick="location.href='register.html'">上午<br>08:00
                                                                                - 11:30</button></td>
                                                        </tr>
                                                </tbody>
                                        </table>
                                </div>

                        </div>


                        <!-- 评论 -->
                        <div style="margin-top:40px; width: 1000px; margin-left: 500px;" id="123456">
                                <ul class="nav nav-tabs">
                                        <li id="li1" class="active"><a href="#123456"><h2><b id="1" class="btn1" style="color:rgb(151, 161, 92);">评价</b></h2></a></li>
                                        <li id="li2"><a href="#123456"><h2><b id="2" class="btn2" style="color:rgb(151, 161, 92);">患者问答</b></h2></a></li>
                                </ul>
                                <div class="box" id="box1">
                                <div class="row" style="margin-top:20px;">
                                        <div class="col-md-1"><img
                                                        style="width: 100px;height:100px; border-radius: 50%;"
                                                        src="../imgs/tszl-img3.jpg"></div>

                                        <div class="col-md-1"></div>

                                        <div class="col-md-10">
                                                <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                <span> 2分钟前</span>
                                                <br>
                                                <span>
                                                        医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                </span>
                                                <div style="margin-top:30px;">
                                                        <span class="glyphicon glyphicon-thumbs-up"
                                                                style="color: rgb(111, 123, 115);">
                                                                赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <span class="glyphicon glyphicon-trash"
                                                                style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                Trash</span>
                                                </div>
                                        </div>
                                </div>
                                <hr>
                                <div class="row">
                                        <div class="col-md-1"><img
                                                        style="width: 100px;height:100px; border-radius: 50%;"
                                                        src="../imgs/tszl-img3.jpg"></div>

                                        <div class="col-md-1"></div>

                                        <div class="col-md-10">
                                                <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                <span> 2分钟前</span>
                                                <br>
                                                <span>
                                                        医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                </span>
                                                <div style="margin-top:30px;">
                                                        <span class="glyphicon glyphicon-thumbs-up"
                                                                style="color: rgb(111, 123, 115);">
                                                                赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <span class="glyphicon glyphicon-trash"
                                                                style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                Trash</span>
                                                </div>
                                        </div>
                                </div>
                                <hr>
                                <div class="row">
                                        <div class="col-md-1"><img
                                                        style="width: 100px;height:100px; border-radius: 50%;"
                                                        src="../imgs/tszl-img3.jpg"></div>

                                        <div class="col-md-1"></div>

                                        <div class="col-md-10">
                                                <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                <span> 2分钟前</span>
                                                <br>
                                                <span>
                                                        医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                </span>
                                                <div style="margin-top:30px;">
                                                        <span class="glyphicon glyphicon-thumbs-up"
                                                                style="color: rgb(111, 123, 115);">
                                                                赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <span class="glyphicon glyphicon-trash"
                                                                style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                Trash</span>
                                                </div>
                                        </div>
                                </div>
                                <hr>
                                <div class="row">
                                        <div class="col-md-1"><img
                                                        style="width: 100px;height:100px; border-radius: 50%;"
                                                        src="../imgs/tszl-img3.jpg"></div>

                                        <div class="col-md-1"></div>

                                        <div class="col-md-10">
                                                <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                <span> 2分钟前</span>
                                                <br>
                                                <span>
                                                        医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                </span>
                                                <div style="margin-top:30px;">
                                                        <span class="glyphicon glyphicon-thumbs-up"
                                                                style="color: rgb(111, 123, 115);">
                                                                赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <span class="glyphicon glyphicon-trash"
                                                                style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                Trash</span>
                                                </div>
                                        </div>
                                </div>
                                </div>


                                <!-- div2 -->
                                <div class="box" id="box2" style="display: none;">
                                        <div class="row" style="margin-top:20px;">
                                                <div class="col-md-1"><img
                                                                style="width: 100px;height:100px; border-radius: 50%;"
                                                                src="../imgs/tszl-img4.jpg"></div>
        
                                                <div class="col-md-1"></div>
        
                                                <div class="col-md-10">
                                                        <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                        <span> 2分钟前</span>
                                                        <br>
                                                        <span>
                                                                医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                        </span>
                                                        <div style="margin-top:30px;">
                                                                <span class="glyphicon glyphicon-thumbs-up"
                                                                        style="color: rgb(111, 123, 115);">
                                                                        赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                                <span class="glyphicon glyphicon-trash"
                                                                        style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                        Trash</span>
                                                        </div>
                                                </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                                <div class="col-md-1"><img
                                                                style="width: 100px;height:100px; border-radius: 50%;"
                                                                src="../imgs/tszl-img4.jpg"></div>
        
                                                <div class="col-md-1"></div>
        
                                                <div class="col-md-10">
                                                        <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                        <span> 2分钟前</span>
                                                        <br>
                                                        <span>
                                                                医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                        </span>
                                                        <div style="margin-top:30px;">
                                                                <span class="glyphicon glyphicon-thumbs-up"
                                                                        style="color: rgb(111, 123, 115);">
                                                                        赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                                <span class="glyphicon glyphicon-trash"
                                                                        style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                        Trash</span>
                                                        </div>
                                                </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                                <div class="col-md-1"><img
                                                                style="width: 100px;height:100px; border-radius: 50%;"
                                                                src="../imgs/tszl-img4.jpg"></div>
        
                                                <div class="col-md-1"></div>
        
                                                <div class="col-md-10">
                                                        <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                        <span> 2分钟前</span>
                                                        <br>
                                                        <span>
                                                                医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                        </span>
                                                        <div style="margin-top:30px;">
                                                                <span class="glyphicon glyphicon-thumbs-up"
                                                                        style="color: rgb(111, 123, 115);">
                                                                        赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                                <span class="glyphicon glyphicon-trash"
                                                                        style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                        Trash</span>
                                                        </div>
                                                </div>
                                        </div>
                                        <hr>
                                        <div class="row">
                                                <div class="col-md-1"><img
                                                                style="width: 100px;height:100px; border-radius: 50%;"
                                                                src="../imgs/tszl-img4.jpg"></div>
        
                                                <div class="col-md-1"></div>
        
                                                <div class="col-md-10">
                                                        <span style="font-size:18px;"><b>小白 </b></span>&nbsp;&nbsp;
                                                        <span> 2分钟前</span>
                                                        <br>
                                                        <span>
                                                                医生很好,询问病情仔细,对我的疑问都很有耐心的解答
                                                        </span>
                                                        <div style="margin-top:30px;">
                                                                <span class="glyphicon glyphicon-thumbs-up"
                                                                        style="color: rgb(111, 123, 115);">
                                                                        赞</span>&nbsp;&nbsp;&nbsp;&nbsp;
                                                                <span class="glyphicon glyphicon-trash"
                                                                        style="color: rgb(111, 123, 115); font-size: 13px;">
                                                                        Trash</span>
                                                        </div>
                                                </div>
                                        </div>
                                        </div>
                        </div>
                        <!-- 评论end-->
                </div>




                <!--底部地址栏begin-->

                <footer style="width: 100%;height:150px; margin-top:1350px; background-color:grey">

                </footer>

                <!--底部地址栏begin-->



                <script src="../plugins/jquery/jquery.min.js"></script>
                <!--引入bootstrap的js文件-->
                <script src="../plugins/bootstrap/js/bootstrap.js"></script>

                <script>
                        window.onload = function(){
                                var arr = document.getElementsByTagName('b');
                                for(var i = 0;i<arr.length;i++){
                                        arr[i].onclick = function(){
                                                if(this.id =='1'){
                                                        document.getElementById("box1").style.display = 'block';
                                                        document.getElementById("box2").style.display = 'none';
                                                        document.getElementById("li2").className='#'; 
                                                        document.getElementById("li1").className='active'; 
                                                }
                                                if(this.id =='2'){
                                                        document.getElementById("box1").style.display = 'none';
                                                        document.getElementById("box2").style.display = 'block';
                                                        document.getElementById("li2").className='active'; 
                                                        document.getElementById("li1").className='#'; 
                                                }
                                                //this是激活当前按钮
                                                if(this.className =='btn1'){
                                                        this.className =='btn2';
                                                        var name = this.id;
                                                        var btn = document.getElementsByClassName('btn2');
                                                        for(var j = 0;j<btn.length;j++){
                                                                if(btn[j].id!=name){
                                                                        btn[j].className='btn1';
                                                                }
                                                        }
                                                }
                                        }
                                }
                        }

                        // 让banner - 每过4秒轮播
                        $('#myCarousel').carousel({
                                interval: 4000
                        })
                </script>
</body>

</html>